
<nz-list nzItemLayout="vertical" style="width: 450px;">
  <nz-list-item *ngFor="let item of pmReqService.list; index as index" (click)="checkItem(item)"
                class="mouse-move-in" style="padding-left: 10px">
    <nz-list-item-meta>
      <nz-list-item-meta-avatar [nzSrc]="item.avatar"></nz-list-item-meta-avatar>
      <nz-list-item-meta-title>
        {{ item.fromName }} 请求获得文件权限
      </nz-list-item-meta-title>
      <nz-list-item-meta-description>
        {{ item.message }}
      </nz-list-item-meta-description>
    </nz-list-item-meta>

    <ul nz-list-item-actions>
      <nz-list-item-action>
      </nz-list-item-action>
    </ul>
    <nz-list-item-extra>
      <span *ngIf="item.deal">
        <nz-tag *ngIf="item.deal.agree" [nzColor]="'success'">已同意</nz-tag>
        <nz-tag *ngIf="!item.deal.agree" [nzColor]="'error'">已拒绝</nz-tag>
      </span>
      <nz-tag *ngIf="!item.deal" [nzColor]="'orange'">未处理</nz-tag>
      <i class="close-item" nz-icon nzType="close-square" nzTheme="outline"
         (click)="delItemClick(index);$event.stopPropagation();"></i>
    </nz-list-item-extra>
  </nz-list-item>
  <nz-list-footer class="mouse-move-in" *ngIf="pmReqService.list.length>0">
    <div style="text-align: center" (click)="clearListClick()">清空</div>
  </nz-list-footer>
</nz-list>
